Micron Document
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
| SparkN0de-git | SparkN0de |
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

Node / ReticulumProjects / MeshChatX.git / files / tests / frontend / MobilePopoutVisibility.test.js

Displaying Raw • Download


tests/frontend/MobilePopoutVisibility.test.js bce42bcdce0e7d2c6d78228e864a4cd1d974cc82 (bce42bcd) Text, 5.40 KB

Tff7b72import Tb4b4b4{ Te6edf3mount Tb4b4b4} Tff7b72from Ta5d6ff"@vue/test-utils"Tb4b4b4;
Tff7b72import Tb4b4b4{ Te6edf3describeTb4b4b4, Te6edf3itTb4b4b4, Te6edf3expectTb4b4b4, Te6edf3viTb4b4b4, Te6edf3beforeEachTb4b4b4, Te6edf3afterEach Tb4b4b4} Tff7b72from Ta5d6ff"vitest"Tb4b4b4;

Te6edf3viTb4b4b4.Te6edf3mockTb4b4b4(Ta5d6ff"vuetify/components/VTooltip"Tb4b4b4, Tb4b4b4(Tb4b4b4) Tb4b4b4=> Tb4b4b4(Tb4b4b4{
Te6edf3VTooltipTff7b72: Tb4b4b4{
Te6edf3nameTff7b72: Ta5d6ff"VTooltip"Tb4b4b4,
Te6edf3templateTff7b72: Ta5d6ff'<div class="v-tooltip-stub"><slot /></div>'Tb4b4b4,
Tb4b4b4}Tb4b4b4,
Tb4b4b4}Tb4b4b4)Tb4b4b4)Tb4b4b4;

Te6edf3viTb4b4b4.Te6edf3mockTb4b4b4(Ta5d6ff"@/js/WebSocketConnection"Tb4b4b4, Tb4b4b4(Tb4b4b4) Tb4b4b4=> Tb4b4b4(Tb4b4b4{
Tff7b72defaultTff7b72: Tb4b4b4{
Te6edf3sendTff7b72: Te6edf3viTb4b4b4.Te6edf3fnTb4b4b4(Tb4b4b4)Tb4b4b4,
Te6edf3onTff7b72: Te6edf3viTb4b4b4.Te6edf3fnTb4b4b4(Tb4b4b4)Tb4b4b4,
Te6edf3offTff7b72: Te6edf3viTb4b4b4.Te6edf3fnTb4b4b4(Tb4b4b4)Tb4b4b4,
Tb4b4b4}Tb4b4b4,
Tb4b4b4}Tb4b4b4)Tb4b4b4)Tb4b4b4;

Tff7b72import Te6edf3RelayChatPage Tff7b72from Ta5d6ff"@/components/relay/RelayChatPage.vue"Tb4b4b4;
Tff7b72import Te6edf3NomadNetworkPage Tff7b72from Ta5d6ff"@/components/nomadnetwork/NomadNetworkPage.vue"Tb4b4b4;
Tff7b72import Tb4b4b4{ Te6edf3mountToolsPageGlobals Tb4b4b4} Tff7b72from Ta5d6ff"./testI18n.js"Tb4b4b4;

Tff7b72const Te6edf3HUB_HASH Tff7b72= Ta5d6ff"00112233445566778899aabbccddeeff"Tb4b4b4;

Tff7b72function Te6edf3makeHubTb4b4b4(Te6edf3overrides Tff7b72= Tb4b4b4{Tb4b4b4}Tb4b4b4) Tb4b4b4{
Tff7b72return Tb4b4b4{
Te6edf3hub_hashTff7b72: Te6edf3HUB_HASHTb4b4b4,
Te6edf3nameTff7b72: Ta5d6ff"Test Hub"Tb4b4b4,
Te6edf3display_nameTff7b72: Ta5d6ff"Test Hub"Tb4b4b4,
Te6edf3roomsTff7b72: Tb4b4b4[Ta5d6ff"lobby"Tb4b4b4]Tb4b4b4,
Te6edf3available_roomsTff7b72: Tb4b4b4[Tb4b4b4]Tb4b4b4,
Te6edf3motdTff7b72: Tff7b72nullTb4b4b4,
Te6edf3max_msg_body_bytesTff7b72: T79c0ff350Tb4b4b4,
Tb4b4b4...Te6edf3overridesTb4b4b4,
Tb4b4b4}Tb4b4b4;
Tb4b4b4}

Te6edf3describeTb4b4b4(Ta5d6ff"mobile popout visibility"Tb4b4b4, Tb4b4b4(Tb4b4b4) Tb4b4b4=> Tb4b4b4{
Te6edf3beforeEachTb4b4b4(Tb4b4b4(Tb4b4b4) Tb4b4b4=> Tb4b4b4{
Te6edf3viTb4b4b4.Te6edf3stubGlobalTb4b4b4(
Ta5d6ff"matchMedia"Tb4b4b4,
Te6edf3viTb4b4b4.Te6edf3fnTb4b4b4(Tb4b4b4)Tb4b4b4.Te6edf3mockImplementationTb4b4b4(Tb4b4b4(Te6edf3queryTb4b4b4) Tb4b4b4=> Tb4b4b4(Tb4b4b4{
Te6edf3matchesTff7b72: Tff7b72falseTb4b4b4,
Te6edf3mediaTff7b72: Te6edf3queryTb4b4b4,
Te6edf3addEventListenerTff7b72: Te6edf3viTb4b4b4.Te6edf3fnTb4b4b4(Tb4b4b4)Tb4b4b4,
Te6edf3removeEventListenerTff7b72: Te6edf3viTb4b4b4.Te6edf3fnTb4b4b4(Tb4b4b4)Tb4b4b4,
Te6edf3addListenerTff7b72: Te6edf3viTb4b4b4.Te6edf3fnTb4b4b4(Tb4b4b4)Tb4b4b4,
Te6edf3removeListenerTff7b72: Te6edf3viTb4b4b4.Te6edf3fnTb4b4b4(Tb4b4b4)Tb4b4b4,
Tb4b4b4}Tb4b4b4)Tb4b4b4)
Tb4b4b4)Tb4b4b4;

Tffa657windowTb4b4b4.Te6edf3api Tff7b72= Tb4b4b4{
Te6edf3getTff7b72: Te6edf3viTb4b4b4.Te6edf3fnTb4b4b4(Tb4b4b4)Tb4b4b4.Te6edf3mockImplementationTb4b4b4(Tb4b4b4(Te6edf3urlTb4b4b4) Tb4b4b4=> Tb4b4b4{
Tff7b72if Tb4b4b4(Te6edf3url Tff7b72=== Ta5d6ff"/api/v1/rrc/hubs"Tb4b4b4) Tb4b4b4{
Tff7b72return Tffa657PromiseTb4b4b4.Te6edf3resolveTb4b4b4(Tb4b4b4{ Te6edf3dataTff7b72: Tb4b4b4{ Te6edf3hubsTff7b72: Tb4b4b4[Te6edf3makeHubTb4b4b4(Tb4b4b4)Tb4b4b4] Tb4b4b4} Tb4b4b4}Tb4b4b4)Tb4b4b4;
Tb4b4b4}
Tff7b72if Tb4b4b4(Te6edf3urlTb4b4b4.Te6edf3includesTb4b4b4(Ta5d6ff"/messages"Tb4b4b4)Tb4b4b4) Tb4b4b4{
Tff7b72return Tffa657PromiseTb4b4b4.Te6edf3resolveTb4b4b4(Tb4b4b4{ Te6edf3dataTff7b72: Tb4b4b4{ Te6edf3messagesTff7b72: Tb4b4b4[Tb4b4b4]Tb4b4b4, Te6edf3has_moreTff7b72: Tff7b72false Tb4b4b4} Tb4b4b4}Tb4b4b4)Tb4b4b4;
Tb4b4b4}
Tff7b72if Tb4b4b4(Te6edf3urlTb4b4b4.Te6edf3includesTb4b4b4(Ta5d6ff"/members"Tb4b4b4)Tb4b4b4) Tb4b4b4{
Tff7b72return Tffa657PromiseTb4b4b4.Te6edf3resolveTb4b4b4(Tb4b4b4{ Te6edf3dataTff7b72: Tb4b4b4{ Te6edf3membersTff7b72: Tb4b4b4[Tb4b4b4] Tb4b4b4} Tb4b4b4}Tb4b4b4)Tb4b4b4;
Tb4b4b4}
Tff7b72if Tb4b4b4(Te6edf3url Tff7b72=== Ta5d6ff"/api/v1/favourites"Tb4b4b4) Tb4b4b4{
Tff7b72return Tffa657PromiseTb4b4b4.Te6edf3resolveTb4b4b4(Tb4b4b4{ Te6edf3dataTff7b72: Tb4b4b4{ Te6edf3favouritesTff7b72: Tb4b4b4[Tb4b4b4] Tb4b4b4} Tb4b4b4}Tb4b4b4)Tb4b4b4;
Tb4b4b4}
Tff7b72if Tb4b4b4(Te6edf3url Tff7b72=== Ta5d6ff"/api/v1/announces"Tb4b4b4) Tb4b4b4{
Tff7b72return Tffa657PromiseTb4b4b4.Te6edf3resolveTb4b4b4(Tb4b4b4{ Te6edf3dataTff7b72: Tb4b4b4{ Te6edf3announcesTff7b72: Tb4b4b4[Tb4b4b4] Tb4b4b4} Tb4b4b4}Tb4b4b4)Tb4b4b4;
Tb4b4b4}
Tff7b72return Tffa657PromiseTb4b4b4.Te6edf3resolveTb4b4b4(Tb4b4b4{ Te6edf3dataTff7b72: Tb4b4b4{Tb4b4b4} Tb4b4b4}Tb4b4b4)Tb4b4b4;
Tb4b4b4}Tb4b4b4)Tb4b4b4,
Te6edf3postTff7b72: Te6edf3viTb4b4b4.Te6edf3fnTb4b4b4(Tb4b4b4)Tb4b4b4.Te6edf3mockResolvedValueTb4b4b4(Tb4b4b4{ Te6edf3dataTff7b72: Tb4b4b4{Tb4b4b4} Tb4b4b4}Tb4b4b4)Tb4b4b4,
Tff7b72deleteTff7b72: Te6edf3viTb4b4b4.Te6edf3fnTb4b4b4(Tb4b4b4)Tb4b4b4.Te6edf3mockResolvedValueTb4b4b4(Tb4b4b4{ Te6edf3dataTff7b72: Tb4b4b4{Tb4b4b4} Tb4b4b4}Tb4b4b4)Tb4b4b4,
Tb4b4b4}Tb4b4b4;
Tb4b4b4}Tb4b4b4)Tb4b4b4;

Te6edf3afterEachTb4b4b4(Tb4b4b4(Tb4b4b4) Tb4b4b4=> Tb4b4b4{
Tff7b72delete Tffa657windowTb4b4b4.Te6edf3apiTb4b4b4;
Te6edf3viTb4b4b4.Te6edf3unstubAllGlobalsTb4b4b4(Tb4b4b4)Tb4b4b4;
Tb4b4b4}Tb4b4b4)Tb4b4b4;

Te6edf3itTb4b4b4(Ta5d6ff"hides relay channel popout on mobile viewport"Tb4b4b4, Tff7b72async Tb4b4b4(Tb4b4b4) Tb4b4b4=> Tb4b4b4{
Tff7b72const Te6edf3wrapper Tff7b72= Te6edf3mountTb4b4b4(Te6edf3RelayChatPageTb4b4b4, Tb4b4b4{ Tffa657globalTff7b72: Te6edf3mountToolsPageGlobalsTb4b4b4(Tb4b4b4) Tb4b4b4}Tb4b4b4)Tb4b4b4;
Te6edf3wrapperTb4b4b4.Te6edf3vmTb4b4b4.Te6edf3hubs Tff7b72= Tb4b4b4[Te6edf3makeHubTb4b4b4(Tb4b4b4)Tb4b4b4]Tb4b4b4;
Te6edf3wrapperTb4b4b4.Te6edf3vmTb4b4b4.Te6edf3smUp Tff7b72= Tff7b72falseTb4b4b4;
Tff7b72await Te6edf3wrapperTb4b4b4.Te6edf3vmTb4b4b4.Te6edf3selectRoomTb4b4b4(Te6edf3HUB_HASHTb4b4b4, Ta5d6ff"lobby"Tb4b4b4)Tb4b4b4;
Tff7b72await Te6edf3wrapperTb4b4b4.Te6edf3vmTb4b4b4.Te6edf3$nextTickTb4b4b4(Tb4b4b4)Tb4b4b4;

Te6edf3expectTb4b4b4(Te6edf3wrapperTb4b4b4.Te6edf3findTb4b4b4(Ta5d6ff'[data-testid="relay-popout"]'Tb4b4b4)Tb4b4b4.Te6edf3existsTb4b4b4(Tb4b4b4)Tb4b4b4)Tb4b4b4.Te6edf3toBeTb4b4b4(Tff7b72falseTb4b4b4)Tb4b4b4;

Te6edf3wrapperTb4b4b4.Te6edf3vmTb4b4b4.Te6edf3smUp Tff7b72= Tff7b72trueTb4b4b4;
Tff7b72await Te6edf3wrapperTb4b4b4.Te6edf3vmTb4b4b4.Te6edf3$nextTickTb4b4b4(Tb4b4b4)Tb4b4b4;
Te6edf3expectTb4b4b4(Te6edf3wrapperTb4b4b4.Te6edf3findTb4b4b4(Ta5d6ff'[data-testid="relay-popout"]'Tb4b4b4)Tb4b4b4.Te6edf3existsTb4b4b4(Tb4b4b4)Tb4b4b4)Tb4b4b4.Te6edf3toBeTb4b4b4(Tff7b72trueTb4b4b4)Tb4b4b4;

Te6edf3wrapperTb4b4b4.Te6edf3unmountTb4b4b4(Tb4b4b4)Tb4b4b4;
Tb4b4b4}Tb4b4b4)Tb4b4b4;

Te6edf3itTb4b4b4(Ta5d6ff"omits nomad popout from mobile overflow menu"Tb4b4b4, Tff7b72async Tb4b4b4(Tb4b4b4) Tb4b4b4=> Tb4b4b4{
Tff7b72const Te6edf3wrapper Tff7b72= Te6edf3mountTb4b4b4(Te6edf3NomadNetworkPageTb4b4b4, Tb4b4b4{
Te6edf3propsTff7b72: Tb4b4b4{ Te6edf3destinationHashTff7b72: Ta5d6ff"" Tb4b4b4}Tb4b4b4,
Tffa657globalTff7b72: Tb4b4b4{
Te6edf3mocksTff7b72: Tb4b4b4{
Te6edf3$tTff7b72: Tb4b4b4(Te6edf3keyTb4b4b4) Tb4b4b4=> Te6edf3keyTb4b4b4,
Te6edf3$routeTff7b72: Tb4b4b4{ Te6edf3queryTff7b72: Tb4b4b4{Tb4b4b4}Tb4b4b4, Te6edf3nameTff7b72: Ta5d6ff"nomadnetwork"Tb4b4b4, Te6edf3metaTff7b72: Tb4b4b4{Tb4b4b4}Tb4b4b4, Te6edf3paramsTff7b72: Tb4b4b4{Tb4b4b4} Tb4b4b4}Tb4b4b4,
Te6edf3$routerTff7b72: Tb4b4b4{ Te6edf3replaceTff7b72: Te6edf3viTb4b4b4.Te6edf3fnTb4b4b4(Tb4b4b4)Tb4b4b4, Te6edf3pushTff7b72: Te6edf3viTb4b4b4.Te6edf3fnTb4b4b4(Tb4b4b4) Tb4b4b4}Tb4b4b4,
Tb4b4b4}Tb4b4b4,
Te6edf3stubsTff7b72: Tb4b4b4{
Te6edf3MaterialDesignIconTff7b72: Tb4b4b4{
Te6edf3templateTff7b72: Ta5d6ff'<div class="mdi-stub" :data-icon-name="iconName"></div>'Tb4b4b4,
Te6edf3propsTff7b72: Tb4b4b4[Ta5d6ff"iconName"Tb4b4b4]Tb4b4b4,
Tb4b4b4}Tb4b4b4,
Te6edf3IconButtonTff7b72: Tb4b4b4{
Te6edf3templateTff7b72: Ta5d6ff'<button type="button" v-bind="$attrs"><slot /></button>'Tb4b4b4,
Tb4b4b4}Tb4b4b4,
Te6edf3DropDownMenuTff7b72: Tb4b4b4{
Te6edf3templateTff7b72:
Ta5d6ff'<div class="dd-stub"><slot name="button" /><div class="dd-items"><slot name="items" /></div></div>'Tb4b4b4,
Tb4b4b4}Tb4b4b4,
Te6edf3DropDownMenuItemTff7b72: Tb4b4b4{
Te6edf3templateTff7b72: Ta5d6ff'<div class="dd-item"><slot /></div>'Tb4b4b4,
Tb4b4b4}Tb4b4b4,
Te6edf3NomadNetworkSidebarTff7b72: Tff7b72trueTb4b4b4,
Te6edf3LoadingSpinnerTff7b72: Tff7b72trueTb4b4b4,
Te6edf3NomadBrowserContextMenuTff7b72: Tff7b72trueTb4b4b4,
Te6edf3VTooltipTff7b72: Tff7b72trueTb4b4b4,
Te6edf3LxmfUserIconTff7b72: Tff7b72trueTb4b4b4,
Tb4b4b4}Tb4b4b4,
Te6edf3directivesTff7b72: Tb4b4b4{
Ta5d6ff"click-outside"Tff7b72: Tb4b4b4{ Te6edf3mountedTb4b4b4(Tb4b4b4) Tb4b4b4{Tb4b4b4}Tb4b4b4, Te6edf3unmountedTb4b4b4(Tb4b4b4) Tb4b4b4{Tb4b4b4} Tb4b4b4}Tb4b4b4,
Tb4b4b4}Tb4b4b4,
Tb4b4b4}Tb4b4b4,
Tb4b4b4}Tb4b4b4)Tb4b4b4;

Te6edf3wrapperTb4b4b4.Te6edf3vmTb4b4b4.Te6edf3selectedNode Tff7b72= Tb4b4b4{
Te6edf3destination_hashTff7b72: Ta5d6ff"b"Tb4b4b4.Te6edf3repeatTb4b4b4(T79c0ff32Tb4b4b4)Tb4b4b4,
Te6edf3display_nameTff7b72: Ta5d6ff"Node"Tb4b4b4,
Tb4b4b4}Tb4b4b4;
Tff7b72await Te6edf3wrapperTb4b4b4.Te6edf3vmTb4b4b4.Te6edf3$nextTickTb4b4b4(Tb4b4b4)Tb4b4b4;

Tff7b72const Te6edf3mobileMenu Tff7b72= Te6edf3wrapperTb4b4b4.Te6edf3findAllTb4b4b4(Ta5d6ff".dd-stub"Tb4b4b4)Tb4b4b4.Te6edf3findTb4b4b4(Tb4b4b4(Te6edf3nodeTb4b4b4) Tb4b4b4=> Tb4b4b4{
Tff7b72let Te6edf3el Tff7b72= Te6edf3nodeTb4b4b4.Te6edf3elementTb4b4b4;
Tff7b72while Tb4b4b4(Te6edf3elTb4b4b4) Tb4b4b4{
Tff7b72if Tb4b4b4(Te6edf3elTb4b4b4.Te6edf3classListTff7b72?Tb4b4b4.Te6edf3containsTb4b4b4(Ta5d6ff"lg:hidden"Tb4b4b4)Tb4b4b4) Tb4b4b4{
Tff7b72return Tff7b72trueTb4b4b4;
Tb4b4b4}
Te6edf3el Tff7b72= Te6edf3elTb4b4b4.Te6edf3parentElementTb4b4b4;
Tb4b4b4}
Tff7b72return Tff7b72falseTb4b4b4;
Tb4b4b4}Tb4b4b4)Tb4b4b4;

Te6edf3expectTb4b4b4(Te6edf3mobileMenuTb4b4b4)Tb4b4b4.Te6edf3toBeTruthyTb4b4b4(Tb4b4b4)Tb4b4b4;
Tff7b72const Te6edf3items Tff7b72= Te6edf3mobileMenuTb4b4b4.Te6edf3findTb4b4b4(Ta5d6ff".dd-items"Tb4b4b4)Tb4b4b4;
Te6edf3expectTb4b4b4(Te6edf3itemsTb4b4b4.Te6edf3textTb4b4b4(Tb4b4b4)Tb4b4b4)Tb4b4b4.Te6edf3notTb4b4b4.Te6edf3toContainTb4b4b4(Ta5d6ff"nomadnet.pop_out_browser"Tb4b4b4)Tb4b4b4;
Te6edf3expectTb4b4b4(Te6edf3itemsTb4b4b4.Te6edf3findTb4b4b4(Ta5d6ff'[data-icon-name="open-in-new"]'Tb4b4b4)Tb4b4b4.Te6edf3existsTb4b4b4(Tb4b4b4)Tb4b4b4)Tb4b4b4.Te6edf3toBeTb4b4b4(Tff7b72falseTb4b4b4)Tb4b4b4;

Te6edf3wrapperTb4b4b4.Te6edf3unmountTb4b4b4(Tb4b4b4)Tb4b4b4;
Tb4b4b4}Tb4b4b4)Tb4b4b4;
Tb4b4b4}Tb4b4b4)Tb4b4b4;


──────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────